Screens: back-office and global

Every state of the verified-only routes, plus the global states, at 1440 px (shown at 50%) and 390 px (shown at 75%). Home, Settings and Media show every card in one page, so each card matches its neighbours. Activity, Media cleanup and the activity cards live here too. Settings is one area: the Settings page, then Media with Variants and Cache (formerly the Image variants board, now merged below). The theme switch shows all of them in dark mode. Session expiry and unverified redirects end on screens from the auth board.

{{ g.title }}

{{ g.route }}{{ g.api }}

{{ g.note }}
{{ st.name }}{{ st.trigger }}
{{ g.tableTitle }}
StatusWhereCopy
{{ r.a }}{{ r.b }}{{ r.c }}
{{ t.title }}
{{ c }}
{{ cell.t }}

States matrix: controls

Hover, focus-visible, active and disabled for every interactive element, once. Focus-visible is a 2 px --ui-primary outline with a 2 px offset (inset for tabs, segmented controls and rows). Disabled is 40% opacity (rows 55%). The mobile column set has no hover and uses 44 px targets. The theme switch above applies to both.

Activity: copy per state

{{ r.a }}{{ r.b }}

Activity: component inventory (Nuxt UI v4)

{{ r.a }}{{ r.b }}

Activity: API calls

{{ r.a }}{{ r.b }}

{{ sp.title }}

{{ sp.note }}

{{ c }}
{{ cell.t }}